<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>课堂分析平台</title>
    <link rel="stylesheet" href="css/course.css" />
</head>
<body>
    <header>
        <h1>课堂平台可视化</h1>
        <div class="showTime"></div>
            <div class="ing">
                <ul>
                    <li><a href="rrzx.html">首页</a></li>    
                    <li><a href="student.html">学生</a></li>   
                    <li><a href="new.html">课堂</a></li>    
                </ul>
            </div>
        <script src="js/nowtime.js"></script>
    </header>
    <section class="mainbox">
        <div class="column">
            <div class="pane1 bar">
                <h2>课程简介</h2>
                <img src="images/74.jpg">
                <div class="pane1-foot"></div>
            </div>
            <div class="pane2">
                <h2>课程信息</h2>
                <img src="images/81.png">
                <div class="pane2-foot"></div>
            </div>
        </div>
        <div class="column">
                <div class="pane1 pie1">
                    <h2>学生预警名单</h2>
                    <div class="chart"></div>
                    <div class="pane1-foot"></div>
                </div>
                <div class="pane2 bar1">
                    <h2>视频效果分析(成绩侧面反映)</h2>
                    <img src="images/77.jpg">
                    <div class="chart" style="width: 7rem;height: 6rem;"></div>
                    <div class="pane2-foot"></div>
                </div>
            </div>
        <div class="column">
            <div class="pane1 bar">
                <h2>课程状态情况</h2>
                <div class="chart" ></div>
                <div class="pane1-foot"></div>
            </div>
            <div class="pane2 line">
                <h2>课程资源分析</h2>
                <div class="chart" style="width: 7rem;height: 6rem;"></div>
                <div class="pane2-foot"></div>
            </div>
        </div>
    </section>
    <script src="js/flexible.js"></script>
    <script src="js/echarts.min.js"></script>
    <script src="js/pie-course.js"></script>
    <script src="js/course-ciyuan.js"></script>
    <script src="js/newcoures.js"></script>
    <script src="js/course03.js"></script>
</body>
</html>